import React from 'react'
import './index.scss'
import { Tabs } from 'antd';
import LoginName from './LoginName';
import LoginPhone from './loginPhone';
const { TabPane } = Tabs;
export default function Login() {
  return (
    <div className='login'>
        <video 
        src="https://img-baofun.zhhainiao.com/pcwallpaper_ugc/preview/3760b2031ff41ca0bd80bc7a8a13f7bb_preview.mp4"
        className="myvideo"
        autoPlay
        loop
        muted
        playsInline
      >
      </video>
      <div className="login_main">
          <h1>欢迎登录</h1>
          <div className="login_cont">
              <Demo />
          </div>
            
      </div>
    </div>
  )
}

const test=(key: any)=>{
  console.log(key);
  
}

const Demo = () => (
  <Tabs defaultActiveKey="1" onChange={test}>
    <TabPane tab="用户名登录" key="1">
      <LoginName></LoginName>
    </TabPane>
    <TabPane tab="手机号登录" key="2">
      <LoginPhone></LoginPhone>
    </TabPane>
  </Tabs>
);
